body { 
               
                background-color: #000080;
                margin: 0;
                height: auto;
            }
            
            
            .navbar {
                overflow: hidden;
                background-color: #000080;
                position: fixed;
                top: 0;
                width: 100%;
                height: 130px;                
            }
			
			
			 .navbardisc {
                overflow: hidden;
                background-color: #000080;
                position: fixed;
                top: 0;
                width: 100%;
                
            }
			.navbarDT {
                overflow: hidden;
                background-color: #000000;
                position: fixed;
                top: 0;
                width: 100%;
                height: 130px;
                
            }
			.navbarDTS {
                overflow: hidden;
                background-color: #000080;
                position: fixed;
                top: 0;
                width: 100%;
                height: 110px;
                
            }
			.navbarENC {
                overflow: hidden;
                background-color: #000080;
                position: fixed;
                top: 0;
                width: 100%;
                height: 70px;
                
            }
			.figurap{
			    display: block;
				margin-top: 10px;
				margin-left: auto;
				margin-right: auto;
				width: 18%;			  
			}
			.fig_questao{
				display: block;
				margin-top: 10px;
				margin-left: 50px;				
				width: 25%;
			}
			.fig_questaomed{
				display: block;
				margin-top: 10px;
				margin-left: 50px;				
				width: 65%;
			}
						
			.fig_opcao{
				display: inline;
				margin-top: 1px;
				margin-left: 30px;
				margin-bottom: 5px;				
				width: 12%;
			}
			.fig_opcaof{				
				display: inline;				
				margin-left: 60px;				
				width: 25%;
			}
            .separa_cabec {
                 background-color: #000080;
               position: fixed;
                padding-top: 15px;
                width: 100%;
                height: 19%;
                
            }
         
            .sidepanel  {
                width: 0;
                position: fixed;
                z-index: 1;
                height: 150px;               
                right: 0;                
                background-color: #f6f8f8;
                overflow-x: hidden;
                transition: 0.5s;
                padding-top: 70px;
                
            }
            .sidepanel a {
                padding: 8px 8px 8px 32px;
                text-decoration: none;
                font-size: 28px;
                font-family: "Arial";
                color: #2d0eaa;
                display: block;
                transition: 0.3s;
                 border-bottom: 1px solid #555;
            }
            .sidepanel a:hover {
                color: #ff8C00;
                background-color: #002e63
               
            }
            .sidepanel .closebtn {
                position: absolute;
                top: 0;
                right: 30px;
                font-size: 36px;
            }
            .openbtn {
                
                font-size: 20px;
                cursor: pointer;
                top: 50%;
                float:right;
                background-color: #000080;
                color: white;
                padding: 20px 25px;
                border: none;
            }
			.centericon {
				display: block;
				margin-left: auto;	
				width: 35%;
				
				}
				.btn_exercicio {
					display: inline;
				   margin-left: 100px;				  
				   width: 18%;
				}
						
			.questaocp {
			   font-family: Verdana;
			   font-size: 36px;
			   margin-left: 15px;
			   line-height: 0.3;
			}
			.questaocpc {
			   font-family: Verdana;
			   font-size: 36px;
			   margin-left: 19px;
			   line-height: 0.3;
			}
			
			.questaomin {
				font-family: Verdana;
			   font-size: 18px;
			   margin-left: 15px;
			}
			          
            .logo {
               font-size: 20px;
                cursor: pointer;
                top: 50%;
                float: left;                
                color: white;
                padding: 2px 2px;
                border: none; 
                height: 120px;
            }
			
			
			 .logocabec {
                width: 100%;
                cursor: pointer;
                top: 50%;
                float: left;
                background: #000080;
                color: white;
                padding: 2px 2px;
                border: none; 
            }
	.logoDT {
               
            cursor: pointer;
            top: 50%;
            float: left;                
            color: white;
            padding: 2px 2px;
            border: none; 
            height: 100px;
			width: 70%;
        }
			
	.logo_dts {			
		 position: fixed;
		 top: 0;		 
		 float: 0;
		 padding: 2px 2px;		 
		 cursor: pointer;
		 

		}
	
		/* The container */
.containerq {
  display: block;
  position: relative;
  padding-left: 170px;
  height: 70px;
  margin-bottom: 5px;
  color: #0000ff;
  cursor: pointer;
  font-size: 37px;
  font-family: Verdana;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.containerq input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmarkq {
  position: absolute;
  top: 0;
  margin-top: 5px;
  left: 100px;
  height: 45px;
  width: 45px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.containerq:hover input ~ .checkmarkq {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerq input:checked ~ .checkmarkq {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkq:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerq input:checked ~ .checkmarkq:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.containerq .checkmarkq:after {
 	top: 16px;
	left: 16px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: white;
}
	
.containerf {
  display: block;
  position: relative;
  padding-left: 170px;
  height: 125px;
  margin-bottom: 1px;
  color: #0000ff;
  cursor: pointer;
  font-size: 37px;
  font-family: Verdana;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.containerf input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmarkf {
  position: absolute;
  top: 0;
  margin-top: 5px;
  left: 100px;
  height: 45px;
  width: 45px;
  background-color: #eee;
  border-radius: 50%;
}
.containerf:hover input ~ .checkmarkf {
  background-color: #ccc;
}
.checkmarkf:after {
  content: "";
  position: absolute;
  display: none;
}
.containerf input:checked ~ .checkmarkf {
  background-color: #2196F3;
}
.containerf input:checked ~ .checkmarkf:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.containerf .checkmarkf:after {
 	top: 16px;
	left: 16px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: white;
}

	
		.btnconfirmar {
			background-color: #000080;
			color:#ffa500;
			font-size: 35px;
			margin-left: 150px;
			margin-top: 30px;
			cursor: pointer;			
			border-radius: 12px;
			padding: 25px;
			
		}
		.btnconfirmar:hover {
			background-color: #00c5cd;
			color: #000000;
			
		}
			
			.logo_dts.mscookie{
			display: block;
		}
          
            .idiomapt {
                font-size: 30px;
                cursor: pointer;
                color:#f2f2f2;
                padding: 25px 10px;
                float: right;                
                top: 50%;
                left: 20%;
                background-color: #000080;
            }
            .idiomapt:hover {
                background-color: #fe9310;
                color: white;
            }
            .openbtn:hover {
                background-color:#fe9310;
            }
            h1 {
                font-size: 60px;
                color: #071171;
                    
            }
			
            .rodape {                
                left: 0;
                bottom: 0;
                width: 100%;
                height: auto;
                background-color: #000080;
                color: white; 
                display: inline-block;
            }
            
             .row_links:after{                
                content: "";
                clear: both;
                display: inline-table;
            }
             .coluna_logo {
               
                float: left;
                width: 40%;
                margin-left: auto;
                margin-right: auto;
                padding-top: 14px;
            }
           
            
              .coluna_logo3 {
               
                float: left;
                width: 50%;
                margin-left: auto;
                margin-right: auto;
                padding-top: 14px;
            }
             .bodega_db {
                font-size: 25px;
                cursor: pointer;
                color:#f2f2f2;
                padding: 25px 10px;
                float: right;                
                top: 50%;
                left: 20%;
                background-color: #000080;
            }
            
            .center {
                text-align: center;              
               
            }
          
            
            .centro2:hover{
                filter:invert(9%);
            }
             .centro2 {               
                align-content: center;
                text-align: center;
                white-space: pre;                 
                display: inline-block;                
                margin-left: 20%; 
                margin-top: 80px;                 
            }
          
            .centro5 {               
                align-content: center;
                text-align: center;
                white-space: pre;                 
                display: inline-block;                
                margin-left: 40%; 
                margin-top: 5px;                 
            }
            
          
            .centro_titulo {
                text-align: center;
                white-space: pre;
                font-size: 40px;
                display: block;
                margin-left: auto;
                margin-right: auto;
                margin-top: 15px;
            }
            .corpopg {
                
                padding: 16px;
                margin-top: 60px;
                height: 1600px; /* Used in this example to enable scrolling */
            }
            .textofigur {
                position: absolute;
                text-align: center;
                font-size: 18px;
                font-family: Verdana;
                font-weight: 600;
                top: 20px;
                left: 160px;
            }
            .centro_fig {                               
                height: auto;
                width: 95%;
                display: block;
                margin-left: auto;
                margin-right: auto;
              
                
            }
			.centro_fig_cabec {                               
                height: auto;
                width: 95%;
                display: block;
                margin-left: auto;
                margin-right: auto;
				margin_top: 120px;
              
                
            }
			.logo_google{
				margin-left: 25px;
				margin-top: 12px;				
				width: 31%;
			}
			.logo_apple{
				margin-left: 15px;
				margin-right: 20px;
				margin-top: 10px;
				width: 30%;
			}
            
             .centrofig {
                text-align: center;
                position: relative;
                height: 90%;
                width: 50%;
                display: inline-block;
                margin-left: auto;
                margin-right: auto;
                margin-top: 35px;
                
            }
			.linha_lojas{
				display: inline;
				line-height: auto;
                text-align: center;
				position: relative;
				
			}
             .centrofigroda {
                background-color: #000080;
                text-align: center;
                position: relative;
                height: 55px;
                width: 100%;
                display: inline-block;
                margin-left: auto;
                margin-right: auto;
                margin-top: 10px;
                
            }
			.figrodaquestao {
                background-color: #000080;              
                text-align: center;
                height: 55px;
                width: 100%;
                display: inline-block;
                margin-left: auto;
                margin-right: auto;
                margin-top: 15px;
                
            }
			
			.centrofigrodape {
                background-color: #000080;
                text-align: center;
                position: relative;
                height: auto;
                width: 100%;
                display: inline-block;
                margin-left: auto;
                margin-right: auto;
                margin-top: 30px;
                
            }
			 .linhatitulo {                 
                margin-top: 100px;
                margin-left: auto;
                margin-right: auto;               
                clear: both;
            }
			.titulo {
                text-align: center;
                white-space: pre;               
                display: block;
                margin-left: auto;
                margin-right: auto;
                margin-top: 30px;
                font-family: Batang;
                font-size: 55px;
                color: #071171;
                width: 100%;
            }
			
            .linha { 
                content: "";
                margin-top: 90px;
                margin-left: auto;
               margin-right: auto;               
                clear: both;
            }
			 .linhac2 { 
                content: "";
                margin-top: 10px;
                margin-left: auto;
               margin-right: auto;               
                clear: both;
            }
            
           
            .coluna {                
                  float: left;
                width: 50%;
                padding: 5px;
               margin-left: auto;
               margin-right: auto;
                margin-top: 80px;
             
              
            }
             .titulo {
                text-align: center;
                white-space: pre;               
                display: block;
                margin-left: auto;
                margin-right: auto;
                margin-top: 30px;
                font-family: Batang;
                font-size: 68px;
                color: #071171;
                width: 100%;
            }
             .tituloh {
                text-align: center;
                white-space: pre;               
                display: block;
                margin-left: auto;
                margin-right: auto;
                margin-top: 5px;
                font-family: Batang;
                font-size: 64px;
                color: #ff1121;
                width: 100%;
                height: auto;
            }
             .tituloen {
                text-align: center;
                white-space: pre;               
                display: block;
                margin-left: auto;
                margin-right: auto;
                margin-top: 5px;
                font-family: Calibri;
                font-size: 68px;
                font-weight: bold;
                font-style: italic;
                color: #ff1121;
                width: 100%;
                height: auto;
            }
           
            .linhatexto{
                font-family: Calibri;
                font-size: 40px;
                color: #9E0508;
                
            }
            .linhadescfigura{
                font-family: Calibri;
                font-size: 70px;
                color: #ff0000;
                margin-top: 5px;
            }
            .linappcabec {     
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                margin-top: 50px;
                font-family: Calibri;
                font-size: 40px;
                color: #9E0508;                
            }
           
              .linapp {     
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                margin-top: 12px;
                font-family: Calibri;
                font-size: 40px;
                color: #9E0508;                
            }
            
             .coluna0 {
              
              background-color: #000080;
               height: auto;
               margin-top: 90px;
               width: 100%;	               
               
            }
            
            .coluna1 {
                font-family: Candara;
                font-size: 62px;
                background-color: #000080;
                height: auto;             
                width: 100%;
				margin-top: 5px;
			 
             display: inline-block;
            }
            
              .coluna2 {
                   background-color: #224401;
                   height: 400px;             
                   width: 100%;
                   display: inline-block;
            
            }
            .coluna1app {
                 float: left;
             width: 30%;
             padding: 10px;
             margin-bottom: 40px;
                
            }
            .coluna2app {
              margin-top: 40px;
              margin-left: 25px;
              float: left;
              width: 60%;
              padding: 10px;
            }
            
             .linhan { 
                content: "";
                margin-top: 20px;
                margin-left: auto;
               margin-right: auto;
               
                clear: both;
            }

        .row:after {
         content: "";
         display: table;
         clear: both;
        }
             .textod {
                text-indent: 80px;
                text-align: center;                           
                margin-left: auto;
                margin-right: auto;
                margin-top: 5px;
                font-family: Batang;
                font-size: 62px;
				font-style: italic;
                color: #8E0AB2; 
				width: 100%;
            }
            
            .topnav a.icon {
                float: right;
            }
         
          hr { 
                display: block;
                margin-top: 10px;
                margin-left: auto;
                margin-right: auto;
                border-style: solid;
                border-width: 8px;
                border-color: #B20714;
                
            } 
			
	 .autorizacookies{
		 width: 80%;
		 background-color: #F0FFFF;
		 position: fixed;
		 bottom: 5%;
		 left: 50%;	
		 transform: translate(-50%);
		 border-radius: 15px;
		 display: none;	 

		}
		.autorizacookies.mscookie{
			display: block;
		}
		
      .autorizacookies .textocookies{
		  display: flex;
		  align-items: center;
		  text-align: justify;
		   font-family: Batang;
                font-size: 30px;
				font-style: italic;
                color: #000000; 
				padding: 20px;
		  
	  }
	  
	   .autorizacookies .btn_aceito_cookies{
		   margin-left: 30px;
		   margin-bottom: 20px;
		   
	   }
	   .autorizacookies .btn_aceito_cookies button{
		   background-color: #000000;
		   color: #ffffff;
		   font-size: 25px;
		   padding: 10px 40px;		  
		   cursor: pointer;
		   
		   
	   }
       .autorizacookies .btn_aceito_cookies button:hover{
		   transform: scale(0.9);
		    background-color: #0000ff;		   
	   }
           
    .consultapps{
		 width: 95%;
		 background-color: #81CAEB;
         border-block:  8px solid #fff000;
		 bottom: 5%;		
         margin-left: 50%;
         margin-right: auto;
		 transform: translate(-50%);
		 border-radius: 30px;
		}
                
                
    .consultapps .textoapps{
		  display: flex;
		  align-items: start;
		  text-align: center;
		  font-family: Batang;
          font-size:65px;
		  font-style: italic;
          color: #000000; 
          margin-left: 15%;                
		  padding: 1px;
		  
	  }
                
                
	 .consultapps .btn_apps{
		  
		   margin-left: auto;
           margin-right: auto;		  
           width: 10%;
           padding : 20px;
           display: flex	
		    
	   }		
	 .consultapps .btn_apps button{
		   background-color: #ff0000;
		   color: #ffffff;
           font-family: sans-serif;
           font-weight: bold;
		   font-size: 30px;
		   padding: 10px 40px;		  
		   cursor: pointer;
           display: inline-block;
           border-radius: 12px;
		   
	   }
     .consultapps .btn_apps button:hover{
		   transform: scale(0.9);
		    background-color: #0000ff;
		   
	   }
           
      .consultaebm{
		 width: 95%;
		 background-color: #81CAEB;
         border-block:  8px solid #fff000;
		 bottom: 5%;
		 right: 80%;
         margin-left: 50%;
         margin-right: auto;
		 transform: translate(-50%);
		 border-radius: 30px;                
		}
      .consultaebm.msebm{
			display: block;
		} 
 .consultaebm .textoebm{
		  display: flex;
		  align-items: center;
		  text-align: justify;
		  font-family: Batang;
          font-size: 40px;
		  font-style: italic;
          color: #000000; 
		  padding: 5px;		  
	  }		
	 .consultaebm .btn_ebm{
		   margin-left: 180px;          		  
           width: 10%;
           padding : 20px;
           display: flex		    
	   }		
	 .consultaebm .btn_ebm button{
		   background-color: #000000;
		   color: #ffffff;
		   font-size: 35px;
		   padding: 10px 40px ;	
           margin-right: 30px;
		   cursor: pointer;
                  
                   border-radius: 12px;
	   }
       .consultaebm .btn_ebm button:hover{
		   transform: scale(0.9);
		   background-color: #0000ff;		   
	   }
       .consultabengi{
		 width: 95%;
		 background-color: #81CAEB;
         border-block:  8px solid #fff000;
		 bottom: 5%;
		 right: 80%;
         margin-left: 50%;
         margin-right: auto;
		 transform: translate(-50%);
		 border-radius: 30px;                
		}
      .consultabengi.msbengi{
			display: block;
		}
                
                
      .consultabengi .textobengi{
		  display: flex;
		  align-items: center;
		  text-align: justify;
		  font-family: Batang;
          font-size: 40px;
		  font-style: italic;
          color: #000000; 
		  padding: 5px;		  
	  }
                
                
	 .consultabengi .btn_bengi{
		   margin-left: auto;
                   margin-right: auto;		  
                    width: 10%;
                    padding : 20px;
                    display: flex
		    
	   }		
	 .consultabengi .btn_bengi button{
		   background-color: #ff0000;
		   color: #ffffff;
		   font-size: 35px;
		   padding: 10px 40px ;	
                   margin-right: 30px;
		   cursor: pointer;
                  
                   border-radius: 12px;
		   
	   }
            .consultabengi .btn_bengi button:hover{
		   transform: scale(0.9);
		    background-color: #0000ff;
		   
	   }
             .consultaevida{
		 width: 95%;
		 background-color: #81CAEB;
                 border-block:  8px solid #fff000;
		 bottom: 5%;
		 right: 80%;
                 margin-left: 50%;
                 margin-right: auto;
		 transform: translate(-50%);
		 border-radius: 30px;
                
                
		}
            .consultaevida.msbengi{
			display: block;
		}
                
                
            .consultaevida .textoevida{
		  display: flex;
		  align-items: center;
		  text-align: justify;
		  font-family: Batang;
                  font-size: 40px;
		  font-style: italic;
                  color: #000000; 
		  padding: 5px;
                 
		  
	  }
                
                
	 .consultaevida .btn_evida{
		   margin-left: auto;
                   margin-right: auto;		  
                    width: 10%;
                    padding : 20px;
                    display: flex
		    
	   }		
	 .consultaevida .btn_evida button{
		   background-color: #ff0000;
		   color: #ffffff;
		   font-size: 35px;
		   padding: 10px 40px ;	
                   margin-right: 30px;
		   cursor: pointer;
                  
                   border-radius: 12px;
		   
	   }
            .consultaevida .btn_evida button:hover{
		   transform: scale(0.9);
		    background-color: #0000ff;
		   
	   }
           div.scroll-container {
               margin-top: 95px;
			overflow: auto;
			white-space: nowrap;
			padding: 10px;
			}
		.scroll-containerenc {
			background: #000080;
            margin-top: 80px;
			overflow: auto;
			white-space: nowrap;
			padding: 10px;
			}
		.scroll-containermenus {
			background: #000080;
            margin-top: 70px;
			overflow: auto;
			white-space: nowrap;
			padding: 10px;
			padding-top: 20px;
			}
		.scroll-menuconcursos {
			background: #C1E5F5;
            margin-top: 70px;
			overflow: auto;
			white-space: nowrap;
			padding: 10px;
			padding-top: 20px;
			}
		.scroll-menumatematica {
			background: #ffffff;
            margin-top: 125px;
			overflow: auto;
			white-space: nowrap;
			padding: 10px;
			}	
			
		.scroll-containerfig {
			background: #ffffff;
            margin-top: 90px;
			overflow: auto;
			white-space: nowrap;
			padding: 10px;
			}
			.scroll-containerfigmeio {
			background: #ffffff;
            margin-top: 30px;
			overflow: auto;
			white-space: nowrap;
			padding: 10px;
			}
			.scroll-containermenumath {
			background-image: url("fundo_menu_maths.jpg");
            margin-top: 90px;
			overflow: auto;
			white-space: nowrap;
			padding: 10px;
			}
			
			

			div.scroll-container img {
			padding: 10px;
			}
			
		div.scroll-containerDT {
            margin-top: 100px;
			overflow: auto;
			white-space: nowrap;
			padding: 10px;
			}

			div.scroll-containerDT img {
			padding: 20px;
			}
                        
        .centerazul {
				display: block;
				margin-left: auto;
				margin-right: auto;
				width: 90%;
				background-color:blue;
				}
				
		.fig_enem {
			width: 40%;
			margin-top: 10px;
			margin-left: 10px;
			margin-right: 10px;
		}
		.fig_enemdi {
			width: 40%;
			margin-top: 10px;
			margin-left: 10px;
		}
		.btns_maths {
			width: 700px;
			margin-top: 10px;
			display: block;
				
		}
		
         .linharoda { 
                content: "";
                margin-top: 90px;
                margin-left: auto;
               margin-right: auto;                
                clear: both;
            }
             .tit_rodape {
                text-align: center;
                white-space: pre;               
                display: block;
                margin-left: auto;
                margin-right: auto;
                margin-top: 30px;
                font-family: Batang;
                font-size: 38px;
                color: #071171;
                width: 100%;
            }	
            .container_cop {
                display: flex;
				margin-top: 50px;
                
            }
            .orgao{
                flex: 4;
                height: 100vh;                
                background-image: url("fund_jeans_laran_orgao.jpg");
                margin-left: 15px;
                
                overflow: scroll;
                
            }
            .disciplina{
                flex:6;
                height:100vh;
                background-image: url("fund_jeans_disciplina.jpg");
                
                overflow: scroll;
                
            }
            .btn_disc_topo{
                margin-left: 20px;
                width: 90%;
                margin-top: 120px;
            }
            .btn_disc{
                margin-left: 20px;
                width: 80%;
                margin-top: 30px;
            }
            .btn_orgao_topo{
                margin-left: 20px;
                width: 80%;
                margin-top: 120px;
            }
            .btn_orgao{
                margin-left: 20px;
                width: 80%;
                margin-top: 30px;
            }
            .linhaloja { 
                content: "";
                margin-top: 15px;
                margin-left: auto;
               margin-right: auto;
               width: 100%;
                clear: both;
            }
	.consultamatfis{
		 width: 95%;
		 background-color: #81CAEB;
         border-block:  8px solid #fff000;
		 bottom: 5%;
		 right: 80%;
         margin-left: 50%;
         margin-right: auto;
		 transform: translate(-50%);
		 border-radius: 30px;                
		}
    .consultamatfis.msmatfis{
			display: block;
		} 
	.consultamatfis .textomatfis{
		  display: flex;
		  align-items: center;
		  text-align: justify;
		  font-family: Batang;
          font-size: 40px;
		  font-style: italic;
          color: #000000; 
		  padding: 5px;		  
	  }		
	 .consultamatfis .btn_matfis{
		   margin-left: 10px;
           margin-right: auto;		  
           width: 10%;
           padding : 20px;
           display: flex		    
	   }		
	 .consultamatfis .btn_matfis button{
		   background-color: #000000;
		   color: #ffffff;
		   font-size: 35px;
		   padding: 10px 40px ;	
           margin-right: 30px;
		   cursor: pointer;
                  
                   border-radius: 12px;
	   }
       .consultamatfis .btn_matfis button:hover{
		   transform: scale(0.9);
		   background-color: #0000ff;		   
	   }
	   .consultamatfis .btn_complex{
		   margin-left: 10px;
           margin-right: auto;		  
           width: 10%;
           padding : 20px;
           display: flex		    
	   }		
	 .consultamatfis .btn_complex button{
		   background-color: #000000;
		   color: #ffffff;
		   font-size: 35px;
		   padding: 10px 40px ;	
		  
           margin-right: 30px;
		   cursor: pointer;
                  
                   border-radius: 12px;
	   }
       .consultamatfis .btn_complex button:hover{
		   transform: scale(0.9);
		   background-color: #0000ff;		   
	   }
	    .consultamatfis .btn_geometria{
		   margin-left: auto;
           margin-right: auto;		  
           width: 10%;
           padding : 20px;
           display: flex		    
	   }		
	 .consultamatfis .btn_geometria button{
		   background-color: #000000;
		   color: #ffffff;
		   font-size: 35px;
		   padding: 10px 40px ;	
		   margin-left: auto;
           margin-right: auto;
		   cursor: pointer;
                  
                   border-radius: 12px;
	   }
       .consultamatfis .btn_geometria button:hover{
		   transform: scale(0.9);
		   background-color: #0000ff;		   
	   }
	   
	   .btn_solucao{		  
				   margin-left: 100px;				  
				   width: 30%;				
	   }
	  
	      
	   
	   .btn_voltar{
		   margin-left: 20px;
                width: 270px;
				height: 110px;
                margin-top: 15px;
	   }
	    .btn_anterior{
		   margin-left: 20px;
		   margin-right: 30px;
                width: 185px;
				height: 80px;
                margin-top: 10px;
	   }
	    .btn_proximo{
		   margin-left: 30px;
                width: 185px;
				height: 80px;
                margin-top: 10px;
	   }
	    .btn_inep{
		   margin-right: 30px;
		   margin-left: 60px;
                width: 300px;
				height: 110px;
                margin-top: 10px;
	   }
	   
	   
	   .btn_canal{
		    margin-left: 30px;
                width: 470px;
				height: 110px;
                margin-top: 10px;
		   
	   }
	   .btn_email{
		    margin-left: 20px;
            width: 250px;
            margin-top: 10px;
		   
	   }
	   .logo_cabec{
		 position: fixed;
		 top: 0;		 
		 float: 0;
		 margin-top: 10px;
		 width: 980px;				 
		 cursor: pointer;
		   
		   
	   }
	   
	   .navbarcabec {
                overflow: hidden;
                background-color: #000080;
                position: fixed;
                top: 0;
                width: 100%;
                height: 133px;
                
            }
			
		.linha_texto {
				text-align: left;
               	margin-left: auto;
  				padding-left: 10px;
				font-family: Calibri;
              	font-size: 35px;
				color: #ffffff;
			}
			/* radio button e suas caracteristicas paralelas */			
			.checkmarkquest {
				position: absolute;
				top: 0;				
				margin-top: 30px;				
				left: 100px;
				height: 50px;
				width: 50px;
				background-color: #eee;
				border-radius: 50%;
			}
			.containerq:hover input ~ .checkmarkquest {
				background-color: #ccc;
								
			}

/* When the radio button is checked, add a blue background */
			.containerq input:checked ~ .checkmarkquest {
				background-color: #0026FF;
			}

/* Create the indicator (the dot/circle - hidden when not checked) */
			.checkmarkquest:after {
				content: "";
				position: absolute;
				display: none;
			}

/* Show the indicator (dot/circle) when checked */
			.containerq input:checked ~ .checkmarkquest:after {
			display: block;
			}
/* Style the indicator (dot/circle) */
			.containerq .checkmarkquest:after {
				top: 16px;
				left: 19px;
				width: 15px;
				height: 15px;
				border-radius: 50%;
				background: #f0d252;
			}
			.numeroquestao{
			   margin-top: 20px;
			   padding-top: 10px;
			   font-family: Verdana;
			   font-size: 25px;
			   margin-left: 19px;
			   line-height: 0.3;
			   color: #FCF6AA;	
			}
			.linhaop{			  
				   width: 450px;
				   height: 100px;
			}
			.btnc_versolucao{
				padding-left: 20px;			 
				width: 185px;
				height: 80px;
				background-image: url("/ver_solucao.jpg");
				background-size: 100% 100%;
				position: relative;
			}